<template>
	<div class="content-box" >
		<p class="title">{{ rewardInfo.title }}</p>
		<img :src="rewardInfo.img+ '?x-oss-process=image/resize,m_fixed,h_370,w_370'" />
		<p class="bottom-text">扫描上方二维码</p>
		<div class="close" @click="close">
			<Iconfont iconClass="cha1" />
		</div>
	</div>

</template>

<script>
export default {
	props: {
		rewardInfo: Object,
	},
	data() {
		return {           
		}
	},
	created() {
		
	},
	methods: {
		close() {
			this.$emit('formChildMsg', {
				type: 'applyContentClose',
				data: 'ruan'
			})
		}
	}
}
</script>

<style scoped="scoped">

.title {
	font-size: 34px;
	font-weight: 400;
	color: #333333;

}

.close {
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 10px;
	right: 10px;
}

.iconcha1 {
	font-size: 20px;
	color: #BBBABA;
}

.content-box {
	width: 536px;
	height: 570px;
	background: #FFFFFF;
	border-radius: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 1506;
}

.content-box img {
	width: 370px;
	height: 370px;
	margin: 35px 0 19px;
}

.bottom-text {
	font-size: 28px;
	font-weight: 400;
	color: #999999;
}
</style>